<template>
  <van-nav-bar :title="title" left-text="返回" @click-left="handleLeft" left-arrow>
    <template #right>
      <van-icon name="ellipsis" size="18" />
    </template>
  </van-nav-bar>
</template>

<script setup>
  import { useRouter } from "vue-router"
  defineProps({
    title: {
      type: String,
      default: "标题",
    },
  })
  const router = useRouter()
  let handleLeft = () => {
    router.go(-1)
  }
</script>

<style scoped lang="less">
  @import "@/assets/css/public";
  .simple-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    .fj();
    .wh(100%, 44px);
    line-height: 44px;
    padding: 0 10px;
    .boxSizing();
    color: #252525;
    background: #fff;
    .simple-header-name {
      font-size: 14px;
    }
  }
</style>
